<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,"/>
    <title></title>
    <link rel="stylesheet" href="css/base.css"/>
    <link rel="stylesheet" href="css/index.css"/>
    <script src="js/index.js"></script>
</head>
<body>
  <div class="jd_contain">
      <div class="jd_search">
            <div class="jd_search_con">
                <a class="icon_logo"></a>
                <form action="">
                    <span class="icon_span"></span>
                    <input type="text" placeholder="搜索一下"/>
                </form>
                <a href="#" class="logo">登录</a>
            </div>
      </div>
      <div class="jd_banner">
          <ul class="clearfix">
              <li><a href="#"><img src="images/l8.jpg" alt=""/></a></li>
              <li><a href="#"><img src="images/l1.jpg" alt=""/></a></li>
              <li><a href="#"><img src="images/l2.jpg" alt=""/></a></li>
              <li><a href="#"><img src="images/l3.jpg" alt=""/></a></li>
              <li><a href="#"><img src="images/l4.jpg" alt=""/></a></li>
              <li><a href="#"><img src="images/l5.jpg" alt=""/></a></li>
              <li><a href="#"><img src="images/l6.jpg" alt=""/></a></li>
              <li><a href="#"><img src="images/l7.jpg" alt=""/></a></li>
              <li><a href="#"><img src="images/l8.jpg" alt=""/></a></li>
              <li><a href="#"><img src="images/l1.jpg" alt=""/></a></li>
          </ul>
          <ul>
              <li class="current"></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
          </ul>
      </div>
      <div class="jd_nav">
          <ul class="clearfix">
              <li><a href="#"><img src="images/nav0.png" alt=""/><p>分类</p></a></li>
              <li><a href="#"><img src="images/nav1.png" alt=""/><p>分类</p></a></li>
              <li><a href="#"><img src="images/nav2.png" alt=""/><p>分类</p></a></li>
              <li><a href="#"><img src="images/nav3.png" alt=""/><p>分类</p></a></li>
              <li><a href="#"><img src="images/nav4.png" alt=""/><p>分类</p></a></li>
              <li><a href="#"><img src="images/nav5.png" alt=""/><p>分类</p></a></li>
              <li><a href="#"><img src="images/nav6.png" alt=""/><p>分类</p></a></li>
              <li><a href="#"><img src="images/nav7.png" alt=""/><p>分类</p></a></li>
              <li><a href="#"><img src="images/nav4.png" alt=""/><p>分类</p></a></li>
              <li><a href="#"><img src="images/nav5.png" alt=""/><p>分类</p></a></li>
          </ul>
      </div>
      <div class="jd_ms clearfix">
          <div class="jd_header ">
              <div class="icon_z"></div>
              <span>掌上描述</span>
              <div class="time">
                  <font>0</font>
                  <font>0</font>
                  <font>:</font>
                  <font>0</font>
                  <font>0</font>
                  <font>:</font>
                  <font>0</font>
                  <font>0</font>
              </div>
              <a href="#">更多&gt;</a>
          </div>
          <div class="jd_body  ">
              <ul class="clearfix">
                  <li><a href="#"><img src="images/detail01.jpg" alt=""/></a>
                      <p>&yen;10:00</p><p>&yen;100:00</p></li>
                  <li><a href="#"><img src="images/detail02.jpg" alt=""/></a>
                      <p>&yen;10:00</p><p>&yen;100:00</p></li>
                  <li><a href="#"><img src="images/detail01.jpg" alt=""/></a>
                      <p>&yen;10:00</p><p>&yen;100:00</p></li>
              </ul>
          </div>
      </div>
      <div class="jd_product clearfix">
          <div class="shang bb">
              <h3>京东超市</h3>
          </div>
          <div class="w100">
              <a href="#" class="fl br w5"><img src="images/cp1.jpg" alt=""/></a>
              <a href="#" class="fr w5 bb"><img src="images/cp2.jpg" alt=""/></a>
              <a href="#" class="fr w5"><img src="images/cp3.jpg" alt=""/></a>
          </div>
      </div>
      <div class="jd_product clearfix">
          <div class="shang bb">
              <h3>京东超市</h3>
          </div>
          <div class="w100">
              <a href="#" class="fr bb w5"><img src="images/cp4.jpg" alt=""/></a>
              <a href="#" class="fr w5 "><img src="images/cp5.jpg" alt=""/></a>
              <a href="#" class="fl w5 bl"><img src="images/cp6.jpg" alt=""/></a>
          </div>
      </div>
      <div class="jd_product clearfix">
      <div class="shang bb">
          <h3>京东超市</h3>
      </div>
      <div class="w100">
          <a href="#" class="fl br w5"><img src="images/cp1.jpg" alt=""/></a>
          <a href="#" class="fr w5 bb"><img src="images/cp2.jpg" alt=""/></a>
          <a href="#" class="fr w5"><img src="images/cp3.jpg" alt=""/></a>
      </div>
  </div>
  </div>
</body>
</html>